<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="js/class.js"></script>
</head>
<body>
<script type="text/javascript">
    function Class1() {}
    Class1.prototype = {
        fn1:function () {
            console.log('fn1');
        },
        sayHi:function () {
            console.log('Hello world');
        }
    };
    function X1() {}
    X1.prototype = {
        X1:function () {
            console.log('my name is X1')
        },
        sayHi:function () {
            console.log('Hellow world X1;');
        }
    };
    function X2() {}
    X2.prototype = {
        X2:function () {
            console.log('my name is X2')
        },
        sayHi:function () {
            console.log('Hellow world X2;');
        }
    };
    function Class2() {}
    Class2.prototype = {
        fn2:function () {
            console.log('fn2');
        },
        getName:function () {
            console.log('My name is class2!');
        },
        sayHi:function () {
            console.log('Hello world');
        }
    };
    var obj = superMixin(Class1, Class2);
    console.log(obj.prototype);
    var objs = extendMul(Class1, Class2, [X1, X2]);
    console.log(objs.prototype);
    /**
     * 1. 子类能调用父类方法
     * 2.instanceof 能正常工作
     * 3.构造函数
     * 4.命名空间
     */


</script>
</body>
</html>